.admin-wrapper{font-family: Segoe UI, Tahoma, Arial;}
.user-function .btn-functions{background: #0079be; color: #fff; border-radius: 3px; width: 100%; min-height: 100px; vertical-align: middle; line-height: 40px; margin: 0px 0px 10px 0px; font-weight: normal; }
.btn-functions i{font-size: 37px;}
.admin-alert{min-height: 210px; border: 1px solid #eee;}
.clr{clear: both;}


.blog-detail-user-title{padding: 6px; height: auto; line-height: normal; margin-bottom: 15px;}
.blog-detail-user-title .blog-title-avatar{float: left; margin: 0px 5px 0px 0px;}
.blog-title-avatar img{width: 100%; max-width: 100px;  padding: 2px; border-radius: 2px; border: 1px solid #eee; background: #fff;}
.blog-title-user-info{float:left;}
.blog-title-user-info .status .fa{ font-size:12px}
.blog-title-user-info p{margin-bottom: 3px; font-size: 14px; color: #fff; font-weight: normal; margin-right: 0px; padding-top:5px}
.user-metadata{margin-right: 20px; float: left; color:#fff}
.user-metadata a{ color:#fff}
.user-metadata span{font-weight: normal;}
p.blog-title-username{line-height:20px; margin-bottom: 5px; font-weight: normal; font-size:20px; font-family:Arial, Helvetica, sans-serif}

.btn-control .btn{min-width: 200px; padding: 0px 0px 0px 5px; text-align: left;}
.btn-control .btn-label{text-align: center; min-width: 50px;}
.blog-title-username a{font-size: 17px; font-weight:normal; color:#fff}
.blog-title-username a:hover{color: #0079be;}
.blog-detail-title h1, .blog-detail-sub-title h2{font-size: 25px; font-weight: lighter; margin: 0px; padding: 3px 0px;}
.blog-detail-sub-title{padding: 5px 6px; background: url(../../images/section-title-pattern-bg.jpg);border-top: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 42px;}
.blog-detail-sub-title h2{font-size: 22px;}
.z-tabs.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav{max-width: 230px;}
.z-tabs.flat.contained.horizontal> .z-container, .z-tabs.flat.contained.vertical> .z-container{min-height: 300px;}

.square, .btn {
    border-radius: 0px!important;
}

/* -- color classes -- */
.coralbg {
    background-color: #FA396F;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #46D8D2;
}

.turq {
    color: #46D8D2;
}

.white {
    color: #fff!important;
}

/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
div.user-menu-container {
  z-index: 10;
   margin-top: 0px;
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  font-family: "Segoe UI" !important;
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container h4 {
    color: #8b8b8b;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:100%;
   min-height:200px;
   border: 0px!important;
   padding: 0px;
   border-radius: 0;
   border: 0px!important;
}

/* -- Vertical Button Group -- */
div.user-menu-container .btn-group-vertical {
    display: block;
}

div.user-menu-container .btn-group-vertical>a {
    padding: 20px 25px;
background-color: #fff;
color: #666;
border-color: #eee;
}

div.btn-group-vertical>a:hover {
    color: white;
    border-color: white;
    background-color: #0079be;
}

div.btn-group-vertical>a.active {
    background: #0079be;
    box-shadow: none;
    color: white;
}
/* -- Individual button styles of vertical btn group -- */
div.user-menu-btns {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.user-menu-btns div.btn-group-vertical>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #0079BE;
}
/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #eee;
}
ul.user-menu-list>li {
    padding-bottom: 8px;
    text-align: center;
}

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- The btn stylings for the btn icons -- */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 20px 25px;
    font-family: "Segoe UI" !important;
    font-weight: lighter;
}
.user-pad h3, .user-pad h4{font-weight: lighter; font-family: "Segoe UI" !important;}
.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    background: #fff;
    min-height: 333px;
}

.user-image {
  max-height:200px;
  overflow:hidden;
}

.overview h3 {
    margin-top: 15px;
    margin: 10px 0 0 0;
    font-family: "Segoe UI" !important;
    font-weight: lighter;
}

.overview h4 {
   font-weight: lighter;
    font-size: 40px;
    margin-top: 0;
    font-family: "Segoe UI" !important;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

.square, .btn {
    border-radius: 0px!important;
}

/* -- media query for user profile image -- */
@media (max-width: 767px) {
    .user-image {
        max-height: 400px;
    }
}


